<?php
echo $this->Javascript->link('/js/jquery.validate.min.js');
echo $this->Javascript->link('/js/validate/elementos_senializaciones/intervencion_elementos_senializacion.js');
?>
<script>
    function getElementosSenializacion(menu){
        var tipo_senializacion = $("#ElementosSenializacioneTipo").attr("value");
        $("#cargando_elementos_senializacion").show();
        $("#elementos_senializaciones").html("");
        $("#elementos_senializaciones").hide("");
        if (tipo_senializacion == ""){
            $("#cargando_elementos_senializacion").css("display", "none");
        }else{
            $.ajax({
                url: "<?php echo SITE_URL; ?>/admin/elementos_senializaciones/mostrar_elementos_senializacion/"+tipo_senializacion+"/"+<?php echo $obra_id; ?>,
                cache: false,
                success: function(html){
                    $("#elementos_senializaciones").html(html);
                    $("#elementos_senializaciones").show("");
                    $("#cargando_elementos_senializacion").hide();
                    if (menu != ''){
                        $('#ElementosSenializacioneMenuesSenializacioneId').attr('value', menu);
                    }
                }
            });
        }
    }

    function loadElementosSenializacionInters(href,divName) {
        $('#cargando_listado_elementos_senializacion_inters').show();
        $(divName).load(href, {}, function(){
            $('#cargando_listado_elementos_senializacion_inters').hide();
            var divPaginationLinks = divName+' #pagination a.paginate_ajax';

            $('a.add_intervencion').click(function(event){
                event.stopImmediatePropagation();
                $('#cargando_listado_elementos_senializacion_inters').show();

                var elemento_senializacione_id = $.trim($(this).parent().parent().children('td.id').html());
                $('#ElementosSenializacioneId').attr('value', elemento_senializacione_id);

                $.ajax({
                    url: "<?php echo SITE_URL;?>/admin/elementos_senializaciones/read_elemento_senializacion/"+elemento_senializacione_id,
                    cache: false,
                    success: function(data){
                        $('#cargando_listado_elementos_senializacion_inters').hide();
                        if(data != ''){
                            var elemento = data.split('|');
                            $('#ElementosSenializacioneObraId').attr('value', elemento[1]);
                            $('#ElementosSenializacioneTipo').attr('value', elemento[2]);
                            getElementosSenializacion(elemento[3]);
                            $('#ElementosSenializacioneDescripcion').attr('value', elemento[4]);
                            $('#ElementosSenializacioneEstadoId').attr('value', elemento[5]);
                        }
                    }
                });
            });


            $(divPaginationLinks).click(function() {
                var thisHref = $(this).attr('href');
                loadElementosSenializacionInters(thisHref,divName);
                return false;
            });
        });
    }

    function validar_elementos_senializacion_inters(){
        if($('#ElementosSenializacioneAdminIntervencionElementosSenializacionForm').valid()){
            $('#guardando_elemento_senializacion_inters').show();
            var dataString = $('#ElementosSenializacioneAdminIntervencionElementosSenializacionForm').serialize();
            $.ajax({
                type: 'POST',
                url: '<?php echo SITE_URL;?>/admin/elementos_senializaciones/intervencion_elementos_senializacion/',
                data: dataString,
                success: function(data) {
                    $('#guardando_elemento_senializacion_inters').hide();
                    $('#ElementosSenializacioneAdminIntervencionElementosSenializacionForm')[0].reset();
                    $('#formResult_inter_elem_senia').html(data);
                    $('#formResult_inter_elem_senia').show().delay(4000).fadeOut(4000, function(){
                        $('#formResult_inter_elem_senia').html('');
                    });
                    $('#elementos_senializaciones').hide();
                    loadElementosSenializacionInters('<?php echo SITE_URL;?>/admin/elementos_senializaciones/listado_elementos_senializacion_inters/', '#listado_elementos_senializacion_inters');
                }
            });
            return false;
        }
    }

    $(function(){
        loadElementosSenializacionInters('<?php echo SITE_URL;?>/admin/elementos_senializaciones/listado_elementos_senializacion_inters/', '#listado_elementos_senializacion_inters');
    });


</script>
<div id="guardando_elemento_senializacion_inters" style="display: none;"><img src="<?php echo $html->url('/img/ajax-loader.gif') ?>" alt="" /></div>
<div id="formResult_inter_elem_senia"></div>
<div id="cargando_listado_elementos_senializacion_inters" style="display: none;"><img src="<?php echo $html->url('/img/ajax-loader.gif') ?>" alt="Cargando..." /></div>
<div id="listado_elementos_senializacion_inters"> </div>
<div class="elementosSenializaciones form">
    <?php echo $this->Form->create('ElementosSenializacione'); ?>
    <fieldset>
        <legend><?php __('Crear Intervención Elemento Señalización'); ?></legend>
        <?php
        echo $form->hidden('intervencione_id', array('name' => 'data[Intervencione][intervencione_id]', 'id' => 'IntervencioneIntervencioneId', 'value' => $intervencione_id));
        echo $form->hidden('id');
        echo $form->hidden('obra_id');
        
        echo $form->label('Tipo:');
        echo $form->input('tipo', array('label' => false, 'type' => 'select', 'options' => $tipos, 'empty' => '', 'selected' => '', 'onchange' => 'getElementosSenializacion();'));
        ?>
        <div id="cargando_elementos_senializacion" style="display: none;"><img src="<?php echo $html->url('/img/ajax-loader.gif') ?>" alt="Cargando..." /></div>
        <div id="elementos_senializaciones"></div>
        <?php
            echo $form->label('Estado:');
            echo $form->input('estado_id', array('label' => false, 'type' => 'select', 'options' => $estados, 'empty' => '', 'selected' => ''));

            echo $form->label('Descripción:');
            echo $form->input('descripcion', array('label' => false, 'type' => 'textarea'));
        ?>
        </fieldset>
        <div class="" id="botones">
        <?php
            echo $form->button(__('Aceptar', true), array('onclick' => 'validar_elementos_senializacion_inters(); return false;'));
            echo $form->button('Cancelar', array('type' => 'button', 'onClick' => "javascript: window.location.href='" . $referer . "';"));
            echo $form->end();
        ?>
    </div>
</div>